<!DOCTYPE html>
<html lang="zh-cn" class="no-js">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>黑白校园</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
    <link rel="icon" href="http://www.heibaixiaoyuan.com/images/official/sheep_7.png" type="image/x-icon">
    <link rel="shortcut icon" href="http://www.heibaixiaoyuan.com/images/official/sheep_7.png" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body>
<div id="loading" style="display: none;">
    <div class="spinner">
        <div class="double-bounce1"></div>
        <div class="double-bounce2"></div>
    </div>
</div>
<div id="content">
    <div class="page page-1-1 page-current">
        <div class="page1-bg"></div>
        <img class="img_6 pt-page-moveIconUp" src="./img/icon_up.png">
    </div>
    <div class="page page-2-1 hide ">
        <div class="page-top panel_star_bg2">
            <ul class="panel-list">
                <li class="panel-list-item">
                	<span class="panel-list-icon"><img src="./img/film.png"/></span>
                    <p class="panel-list-title">嘉华国际影城</p>
                    <p class="panel-list-desc"><span>免费</span>观影</p>
                </li>
                <li class="panel-list-item">
                	<span class="panel-list-icon"><img src="./img/happyKTV.png"/></span>
                	<p class="panel-list-title">欢乐汇量贩KTV</p>
                	<p class="panel-list-desc">20元欢唱<span>7</span>小时</p>
                </li>
                <li class="panel-list-item">
                	<span class="panel-list-icon"><img src="./img/shenmei.png"/></span>
                	<p class="panel-list-title">审美造型</p>
                	<p class="panel-list-desc"><span>5.5</span>折（无需办卡）</p>
                </li>
            </ul>
			<div class="panel-slogan">比团购更便宜<img src="./img/tanhao.png"></div>
        </div>
        <div class="page-sheep">
            <img src="./img/sheep_2.png" class="pt-page-fadesheep">
        </div>
        <img class="img_6 pt-page-moveIconUp" src="./img/icon_up.png">
    </div>
    <div class="page page-3-1 hide">
        <div class="page-top panel_star_bg3 ">
			<ul class="panel-list">
                <li class="panel-list-item">
					<span class="panel-list-icon"><img src="./img/uber.png"/></span>
                   	<p class="panel-list-title">Uber</p>
                   	<p class="panel-list-desc"><span>30</span>元乘车券</p>
                </li>
                <li class="panel-list-item">
                	<span class="panel-list-icon"><img src="./img/uber.png"/></span>
                	<p class="panel-list-title">Uber</p>
                   	<p class="panel-list-desc"><span>30</span>元乘车券</p>
                </li>
                <li class="panel-list-item">
                	<span class="panel-list-icon"><img src="./img/uber.png"/></span>
            		<p class="panel-list-title">Uber</p>
                   	<p class="panel-list-desc"><span>30</span>元乘车券</p>
                </li>
                <li class="panel-list-item">
                	<span class="panel-list-icon"><img src="./img/uber.png"/></span>
            		<p class="panel-list-title">Uber</p>
                   	<p class="panel-list-desc"><span>30</span>元乘车券</p>
                </li>
            </ul>
            <div class="panel-slogan">福利常有，精彩不断<img src="./img/tanhao.png" /></div>
        </div>
        <div class="page-sheep">
            <img src="./img/sheep_3.png" class="pt-page-fadesheep">
        </div>
        <img class="img_6 pt-page-moveIconUp" src="./img/icon_up.png">
    </div>
    <div class="page page-4-1 hide">
        <div class="page-top panel_star_bg4 ">
            <div>
                <p>首批10,000张</p>
                <p>限量可选号</p>
                <p>购黑卡送白卡</p>
                <p class="book">开放预定</p>
            </div>
        </div>
        <div class="page-sheep">
            <a class="buy-now" href="./buy_card.html">
                <span>点击</span><span>购买</span>
                <img src="./img/sheep_4.png">
            </a>
        </div>
        <div class="page-bottom">
            <p class="tip-title">特别提示</p>
            <p>1.购买成功后您将收到黑白发送的确认短信</p>
            <p>2.黑白校园将在自购卡之日起，10个工作日内将该卡邮寄到您的收货地址</p>
            <p>3.客服电话：400-862-5211</p>
        </div>
    </div>

</div>
<script src="./js/zepto.min.js"></script>
<script src="./js/touch.js"></script>
<script src="./js/index.js"></script>


</body>
</html>